<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>H+ 后台主题UI框架 - 主页示例</title>

    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico">
     <link href="${pageContext.request.contextPath}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="http://www.zi-han.net/theme/hplus/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath}/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/style.css?v=4.1.0" rel="stylesheet">
    

</head>

<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>基本
                        <small>分类，查找</small>
                    </h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="table_data_tables.html#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li>
                                <a href="table_data_tables.html#">选项1</a>
                            </li>
                            <li>
                                <a href="table_data_tables.html#">选项2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">

                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="row"><div class="col-sm-6"><div class="dataTables_length" id="DataTables_Table_0_length"><label>每页 <select name="DataTables_Table_0_length" aria-controls="DataTables_Table_0" class="form-control input-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> 条记录</label></div></div><div class="col-sm-6"><div id="DataTables_Table_0_filter" class="dataTables_filter"><label>查找：<input type="search" class="form-control input-sm" aria-controls="DataTables_Table_0"></label></div></div></div><table class="table table-striped table-bordered table-hover dataTables-example dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
                        <thead>
                        <tr role="row"><th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="渲染引擎：激活排序列升序" style="width: 119px;">姓名</th><th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="浏览器：激活排序列升序" style="width: 214px;">性别</th><th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="平台：激活排序列升序" style="width: 197px;">年龄</th><th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="引擎版本：激活排序列升序" style="width: 80px;">爱好</th><th class="sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="CSS等级：激活排序列升序" aria-sort="ascending" style="width: 83px;">城市</th></tr>
                        </thead>
                        <tbody>
                        <tr class="gradeA odd">
                            <td class="">Misc</td>
                            <td class="">NetFront 3.4</td>
                            <td class="">Embedded devices</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA even">
                            <td class="">Presto</td>
                            <td class="">Nokia N800</td>
                            <td class="">N800</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA odd">
                            <td class="">Presto</td>
                            <td class="">Opera for Wii</td>
                            <td class="">Wii</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA even">
                            <td class="">Presto</td>
                            <td class="">Opera 9.5</td>
                            <td class="">Win 88+ / OSX.3+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA odd">
                            <td class="">Presto</td>
                            <td class="">Opera 9.2</td>
                            <td class="">Win 88+ / OSX.3+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA even">
                            <td class="">Presto</td>
                            <td class="">Opera 7.0</td>
                            <td class="">Win 95+ / OSX.1+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA odd">
                            <td class="">Presto</td>
                            <td class="">Opera 8.5</td>
                            <td class="">Win 95+ / OSX.2+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA even">
                            <td class="">Presto</td>
                            <td class="">Opera 8.0</td>
                            <td class="">Win 95+ / OSX.2+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA odd">
                            <td class="">Presto</td>
                            <td class="">Opera 7.5</td>
                            <td class="">Win 95+ / OSX.2+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr><tr class="gradeA even">
                            <td class="">Presto</td>
                            <td class="">Opera 9.0</td>
                            <td class="">Win 95+ / OSX.3+</td>
                            <td class="center">-</td>
                            <td class="center  sorting_1">A</td>
                        </tr></tbody>
                        <tfoot>
                        <tr><th rowspan="1" colspan="1">姓名</th><th rowspan="1" colspan="1">性别</th><th rowspan="1" colspan="1">年龄</th><th rowspan="1" colspan="1">爱好</th><th rowspan="1" colspan="1">城市</th></tr>
                        </tfoot>
                    </table><div class="row"><div class="col-sm-6"><div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all">显示 1 到 10 项，共 57 项</div></div><div class="col-sm-6"><div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate"><ul class="pagination"><li class="paginate_button previous disabled" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_previous"><a href="#">上一页</a></li><li class="paginate_button active" aria-controls="DataTables_Table_0" tabindex="0"><a href="#">1</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">2</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">3</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">4</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">5</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">6</a></li><li class="paginate_button next" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_next"><a href="#">下一页</a></li></ul></div></div></div></div>

                </div>
            </div>
        </div>
    </div>
    </div>

    <!-- 全局js -->
    <script src="${pageContext.request.contextPath}/js/jquery.min.js?v=2.1.4"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="${pageContext.request.contextPath}/js/plugins/layer/layer.min.js"></script>

    <!-- 自定义js -->
    <script src="${pageContext.request.contextPath}/js/content.js"></script>

    <!-- 欢迎信息 -->
    <script src="${pageContext.request.contextPath}/js/welcome.js"></script>
</body>

</html>
    